<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>奶牛放心购</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
	
    <script src="js/jquery-3.3.1.js"></script>
   
    <script src="js/bootstrap.min.js"></script>
    <!--导入布局js，共享header和footer-->
    <script type="text/javascript" src="js/include.js"></script>
</head>
<body>
	<!--引入头部-->
    <div id="header"></div>
    <!-- banner start-->
    <section id="banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="2000">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/10.jpg"   alt="">
                </div>
                <div class="item">
                    <img src="images/10.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/10.jpg" alt="">
                </div>
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
        </div>
    </section>
    <!-- banner end-->
    <!-- 旅游 start-->
    <section id="content">
         <!-- 精选start-->
        <section class="hemai_jx">
            <div class="jx_top">
                <div class="jx_tit">
                    <img src="images/icon_5.jpg" alt="">
                    <span>产品精选</span>
                </div>
            </div>
            <div class="jx_content">
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="popularity">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="portfolio-img"  class="portfolio-img"><a href="subPage/route_detail.html" target="_blank"><img src="./images/p1.jpg" alt="" /></a></div>
                                <div class="has_border">
                                    <a href="subPage/route_detail.html" target="_blank">
                                        <h3>鲜赏奶系列】,巴氏杀菌,220g</h3>
                                        <div class="price">网付价<em>￥</em><strong>55</strong><em>起</em></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="portfolio-img"  class="portfolio-img"><a href="route_detail.html" target="_blank"><img  src="./images/p2.jpg" alt="" /></a></div>
                                <div class="has_border">
                                    <a href="route_detail.html" target="_blank">
                                        <h3>【益生菌】发酵提高免疫力14道工艺</h3>
                                        <div class="price">网付价<em>￥</em><strong>88</strong><em>起</em></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="portfolio-img"  class="portfolio-img"><a href="route_detail.html" target="_blank"><img src="./images/p3.jpg" alt="" /></a></div>
                                <div class="has_border">
                                    <a href="route_detail.html" target="_blank">
                                        <h3>【益生菌】发酵提高免疫力14道工艺</h3>
                                        <div class="price">网付价<em>￥</em><strong>88</strong><em>起</em></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="portfolio-img"  class="portfolio-img"><a href="route_detail.html" target="_blank"><img src="./images/p4.jpg" alt="" /></a></div>
                                <div class="has_border">
                                    <a href="route_detail.html" target="_blank">
                                        <h3>【益生菌】发酵提高免疫力14道工艺</h3>
                                        <div class="price">网付价<em>￥</em><strong>88</strong><em>起</em></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 产品精选end-->
        <!-- 走进我们 start-->
        <section class="hemai_jx">
            <div class="jx_top">
                <div class="jx_tit">
                    <img src="images/icon_6.jpg" alt="">
                    <span>走进我们</span>
                </div>
            </div>
            <div class="heima_gn">
                <div class="guonei_l">
                    <img src="images/asideCom.png" alt="">
                </div>
                <div class="guone_r">
                    <div class="row">
                        <div class="col-md-4">
                            <img src="images/c1.jpg" alt="">
                            <div class="has_border">
                                <h3>进口来自澳洲的澳洲奶牛</h3>
                            </div>
                        </div>
                        <div class="col-md-4">
                                <img src="images/c2.jpg" alt="">
                                <div class="has_border">
                                    <h3>喂养澳洲奶牛高品质牛饲</h3>
                                </div>
                        </div>
                        <div class="col-md-4">
                                <img src="images/c3.jpg" alt="">
                                <div class="has_border">
                                    <h3>企业一角</h3>
                                </div>
                        </div>
                        <div class="col-md-4">
                                <img src="images/c4.jpg" alt="">
                                <div class="has_border">
                                    <h3>企业外貌</h3>
                                </div>
                        </div>
                        <div class="col-md-4">
                                <img src="images/c5.jpg" alt="">
                                <div class="has_border">
                                    <h3>企业俯视图</h3>
                                </div>
                        </div>
                        <div class="col-md-4">
                                <img src="images/c6.jpg" alt="">
                                <div class="has_border">
                                    <h3>轮盘挤奶设备，保证牛奶质量</h3>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 走进我们 end-->
    </section>
    <!-- 旅游 end-->
   <!--导入底部-->
    <div id="footer"></div>

</body>
<script>
    window.location.href="subPage/index.html"
</script>
</html>
